<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>软件下载 - 精通Java编程</title>
    <!-- 引入Font Awesome用于图标 -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <!-- 引入 Tailwind CSS CDN -->
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        /* 你可以在这里添加一些自定义的 CSS，如果 Tailwind 没有提供你需要的细粒度控制 */
        /* 例如，自定义字体族、特定的动画等 */
        body {
            font-family: 'Arial', 'sans-serif'; /* 可以根据需要调整字体 */
        }
    </style>
</head>
<body class="bg-gray-50 text-gray-800">
    <!-- 头部 -->
    <header class="bg-gray-800 text-white py-5">
        <div class="container mx-auto px-4 flex flex-col md:flex-row justify-between items-center">
            <h1 class="text-2xl font-bold mb-4 md:mb-0">
                <a href="/" class="text-white hover:text-gray-300">精通Java编程</a>
            </h1>
            <nav>
                <ul class="flex flex-wrap justify-center md:justify-end gap-x-4 gap-y-2">
                    <li><a href="/" class="hover:bg-gray-700 px-3 py-2 rounded transition-colors duration-300">首页</a></li>
                    <li><a href="#" class="hover:bg-gray-700 px-3 py-2 rounded transition-colors duration-300">技术分享</a></li>
                    <li><a href="#" class="hover:bg-gray-700 px-3 py-2 rounded transition-colors duration-300">软件开发心得</a></li>
                    <li><a href="#" class="hover:bg-gray-700 px-3 py-2 rounded transition-colors duration-300">源码分析</a></li>
                    <li><a href="#" class="hover:bg-gray-700 px-3 py-2 rounded transition-colors duration-300">关于我们</a></li>
                    <li><a href="downloads.html" class="bg-blue-600 hover:bg-blue-700 px-3 py-2 rounded transition-colors duration-300">软件下载</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <!-- 主内容 -->
    <main class="py-8">
        <div class="container mx-auto px-4">
            <h2 class="text-3xl font-bold text-center mb-10 text-gray-700">软件下载</h2>

            <!-- 软件 -->
            <section class="mb-10">
                <h3 class="text-2xl font-semibold text-gray-700 border-b-2 border-gray-200 pb-2 mb-6">软件</h3>
                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fas fa-desktop"></i> <!-- 桌面软件图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">Clash.NET 1.2.7 x64</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">高效的网络代理工具，支持多平台。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/Clash.NET.1.2.7.x64.zip" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fas fa-windows"></i> <!-- Windows图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">Clash for Windows Setup 0.19.0</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">适用于Windows的Clash客户端，界面友好。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/Clash.for.Windows.Setup.0.19.0.exe" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fab fa-android"></i> <!-- Android图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">Clash for Android</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">安卓平台的Clash客户端，稳定可靠。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/clash-for-android.apk" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fas fa-pen-nib"></i> <!-- 编辑器/写作工具图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">MWeb</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">功能强大的Markdown编辑器，适用于多平台。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/MWeb.zip" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fas fa-database"></i> <!-- 数据库图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">Navicat For MySQL</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">专业的MySQL数据库管理工具。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/NavicatForMySQL.zip" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fas fa-file-alt"></i> <!-- 文本文档图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">Notepad 8.6.7</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">轻量级的文本编辑器，适用于Windows。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/Notepad%208.6.7.zip" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fas fa-cogs"></i> <!-- 工具/系统图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">DMS Win64</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">强大的数据管理系统，适用于Windows 64位。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/app-back/DMS-win64.exe" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fas fa-usb"></i> <!-- USB图标，Rufus用于创建启动U盘 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">Rufus 4.3</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">创建启动U盘的实用工具。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/rufus-4.3.exe" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fas fa-edit"></i> <!-- 编辑器图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">Typora Setup x64</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">简洁的Markdown编辑器，支持多平台。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/typora-setup-x64.exe" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fas fa-shield-alt"></i> <!-- VPN/安全图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">VPN WARP</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">Cloudflare提供的高速VPN服务。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/vpn-warp.zip" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fas fa-terminal"></i> <!-- 终端/命令行图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">Xshell6 绿色版</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">强大的终端模拟器，绿色版无需安装。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/xshell6_%E7%BB%BF%E8%89%B2%E7%89%88.zip" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>
                </div>
            </section>

            <!-- 网站源码 -->
            <section class="mb-10">
                <h3 class="text-2xl font-semibold text-gray-700 border-b-2 border-gray-200 pb-2 mb-6">网站源码</h3>
                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fas fa-file-code"></i> <!-- 代码文件图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">Savoy v2.6.0 主题</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">基于Savoy的最新主题包。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/savoy_v2.6.0.zip" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fab fa-wordpress"></i> <!-- WordPress图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">WordPress 3.6.1</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">经典版本的WordPress安装包。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/wp/wordpress-3.6.1.zip" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fas fa-globe"></i> <!-- 全球/网站图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">xiongmingcai.top 源码</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">本站完整源码，包含前后端代码。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/xiongmingcai.top.zip" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Clash Config 订阅地址 -->
            <section class="mb-10">
                <h3 class="text-2xl font-semibold text-gray-700 border-b-2 border-gray-200 pb-2 mb-6">Clash Config 订阅地址</h3>
                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fas fa-link"></i> <!-- 链接图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">boomssw.yaml</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">Clash 配置订阅文件。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/boomssw.yaml" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Docker Images -->
            <section class="mb-10">
                <h3 class="text-2xl font-semibold text-gray-700 border-b-2 border-gray-200 pb-2 mb-6">Docker Images</h3>
                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fab fa-docker"></i> <!-- Docker图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">Clash and Dashboard Latest</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">最新版本的Clash及Dashboard镜像。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/clash-and-dashboard-latest.tar" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fab fa-docker"></i> <!-- Docker图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">SSR Docker 20240601</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">ShadowsocksR Docker镜像，2024年6月1日发布。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/ssr-docker_20240601.tar" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fab fa-docker"></i> <!-- Docker图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">SSR Docker</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">ShadowsocksR Docker镜像，最新稳定版。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/ssr-docker.tar" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fab fa-docker"></i> <!-- Docker图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">Trojan-Go</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">高性能的Trojan-Go Docker镜像。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/trojan-go.tar" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Linux Shell Tools -->
            <section class="mb-10">
                <h3 class="text-2xl font-semibold text-gray-700 border-b-2 border-gray-200 pb-2 mb-6">Linux Shell Tools</h3>
                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fab fa-linux"></i> <!-- Linux图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">Apache Zookeeper 3.8.3</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">Apache Zookeeper 的二进制安装包。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/apache-zookeeper-3.8.3-bin.tar.gz" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fab fa-chrome"></i> <!-- Chrome图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">Google Chrome Stable for Linux</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">适用于Linux的Google Chrome稳定版。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/google-chrome-stable_for_linux.tar.gz" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fas fa-chart-line"></i> <!-- 图表/监控图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">Grafana Loki Promtail All 2.9.7</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">Grafana Loki和Promtail的综合安装包。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/grafana-loki-promtail-all-2.9.7.tar.gz" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fas fa-exchange-alt"></i> <!-- 交换/转发图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">FRP 0.60.0 Linux AMD64</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">高性能的FRP工具，适用于Linux AMD64。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/frp_0.60.0_linux_amd64.tar.gz" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fas fa-network-wired"></i> <!-- 网络/API网关图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">Kong 2.8.3 EL7 AMD64</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">Kong API网关的RPM安装包，适用于EL7。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/rpm/kong-2.8.3.el7.amd64.rpm" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fas fa-server"></i> <!-- 服务器/服务图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">Redis Exporter v1.62.0 Linux AMD64</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">Redis Exporter工具，适用于Linux AMD64。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/redis_exporter-v1.62.0.linux-amd64.tar.gz" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fas fa-terminal"></i> <!-- 终端/命令行图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">QShell v2.7.0 Linux 386</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">轻量级的命令行工具，适用于Linux 386架构。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/qshell-v2.7.0-linux-386.tar.gz" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fas fa-bell"></i> <!-- 提醒/通知图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">Prometheus Webhook Dingtalk v2.1.0</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">Prometheus的钉钉Webhook集成脚本。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/prometheus-webhook-dingtalk_v2.1.0.tar" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>

                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fas fa-bell"></i> <!-- 提醒/通知图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">Prometheus Webhook Dingtalk 2.1.0 Linux AMD64</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">Prometheus的钉钉Webhook集成脚本，适用于Linux AMD64。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/prometheus-webhook-dingtalk-2.1.0.linux-amd64.tar.gz" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Linux Shell Script -->
            <section class="mb-10">
                <h3 class="text-2xl font-semibold text-gray-700 border-b-2 border-gray-200 pb-2 mb-6">Linux Shell Script</h3>
                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6">
                    <div class="bg-white rounded-lg shadow-md p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300">
                        <div class="text-blue-600 text-4xl mb-4 text-center">
                            <i class="fas fa-scroll"></i> <!-- 脚本/文档图标 -->
                        </div>
                        <div class="flex-grow">
                            <h4 class="text-xl font-semibold mb-2 text-gray-800">install-omz.sh</h4>
                            <p class="text-gray-600 text-sm leading-relaxed">安装 Oh My Zsh 的脚本。</p>
                        </div>
                        <div class="mt-5 text-center">
                            <a href="http://qiniu.dywlkj.com/install-omz.sh" class="inline-block bg-blue-600 text-white px-5 py-2 rounded-md hover:bg-blue-700 transition-colors duration-300" target="_blank">下载</a>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </main>

    <!-- 页脚 -->
    <footer class="bg-gray-100 text-gray-600 py-6 text-center text-sm mt-10">
        <div class="container mx-auto px-4">
            <p class="mb-1">&copy; 2024 精通Java编程. All rights reserved.</p>
            <p class="mb-1">备案号：湘ICP备2024043969号-1 | 域名：xiongmingcai.top | 服务器IP：106.53.241.88 (gz)</p>
            <p>服务语言：中文简体 | 服务内容：技术分享、软件开发心得体会、技术源码分析讨论。</p>
        </div>
    </footer>
</body>
</html>
